import Vue from 'vue'
import VueRouter from 'vue-router'
import Button from '../components/Button.vue'
import ButtonDetail from '../components/ButtonDetail.vue'
import Link from '../components/Link.vue'
import Layout from '../components/Layout.vue'
import Form from '../components/Form.vue'
import Notice from '../components/Notice.vue'
import Table from '../components/Table.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  base: import.meta.env.BASE_URL,
  routes: [
    {
      path: '/button',
      component: Button
    },
    {
      path: '/buttonDetail',
      component: ButtonDetail
    },
    {
      path: "/link",
      component: Link
    },
    {
      path: "/layout",
      component: Layout
    },
    {
      path: "/form",
      component: Form
    },
    {
      path: "/notice",
      component: Notice
    },
    {
      path: "/table",
      component: Table
    },

  ]
})

export default router
